@import "./variable.styl"
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input
  margin 0
  padding 0
  border 0
  font-size 100%
  font-weight normal
  vertical-align baseline
  box-sizing border-box

html, body
  display block;
  width 100%;
  height 100%;
  overflow hidden
body
  -webkit-text-size-adjust none
  -webkit-tap-highlight-color rgba(0, 0, 0, 0)

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section
  display block

body
  line-height 1
  -webkit-user-select none
  -moz-user-select none
  -ms-user-select none
  user-select none

blockquote, q
  quotes none

blockquote:before, blockquote:after,
q:before, q:after
  content none

table
  border-collapse collapse
  border-spacing 0

button,input
  border none
  outline none

/* custom */
a
  color #7e8c8d
  text-decoration none
  -webkit-backface-visibility hidden

li
  list-style none

::-webkit-scrollbar
  width 5px
  height 5px

::-webkit-scrollbar-track-piece
  background-color rgba(0, 0, 0, 0.2)
  -webkit-border-radius 6px

::-webkit-scrollbar-thumb:vertical
  height 5px
  background-color rgba(125, 125, 125, 0.7)
  -webkit-border-radius 6px

::-webkit-scrollbar-thumb:horizontal
  width 5px
  background-color rgba(125, 125, 125, 0.7)
  -webkit-border-radius 6px
@font-face
  font-family: 'GrilledCheeseBTNToasted'
  src: local('GrilledCheeseBTNToasted'), url('/PeachFlowerFv/assets/fonts/GrilledCheeseBTNToasted.woff') format('font-woff')
  font-style: normal
  font-weight: normal

@font-face
  font-family 'Quartz';
  src: url('assets/fonts/QuartzRegular.ttf');

@font-face
  font-family 'lato';
  src: url('assets/fonts/Lato-BoldItalic.ttf');

@font-face
  font-family 'QuartzMdm';
  src: url('assets/fonts/Quartz-Mdm.eot');
  src: url("assets/fonts/Quartz-Mdm.eot?#") format('embedded-opentype'),
    url('assets/fonts/Quartz-Mdm.woff') format('woff'),
    url('assets/fonts/Quartz-Mdm.ttf') format('truetype'),
    url('assets/fonts/Quartz-Mdm.svg#QuartzMdm') format('svg');
  font-weight normal
  font-style normal
.border-top-1px, .border-right-1px, .border-bottom-1px, .border-left-1px
    position: relative
    &:before, &:after
        content: ""
        display: block
        position: absolute
        transform-origin: 0 0

.border-top-1px
  &:before
    border-top: 1px solid $color-row-line
    left: 0
    top: 0
    width: 100%
    transform-origin: 0 top

.border-right-1px
  &:after
    border-right: 1px solid $color-col-line
    top: 0
    right: 0
    height: 100%
    transform-origin: right 0

.border-bottom-1px
  &:after
    border-bottom: 1px solid $color-row-line
    left: 0
    bottom: 0
    width: 100%
    transform-origin: 0 bottom

.border-left-1px
  &:before
    border-left: 1px solid $color-col-line
    top: 0
    left: 0
    height: 100%
    transform-origin: left 0

@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2)
  .border-top-1px
    &:before
      width: 200%
      transform: scale(.5) translateZ(0)
  .border-right-1px
    &:after
      height: 200%
      transform: scale(.5) translateZ(0)
  .border-bottom-1px
    &:after
      width: 200%
      transform: scale(.5) translateZ(0)
  .border-left-1px
    &:before
      height: 200%
      transform: scale(.5) translateZ(0)

@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3)
  .border-top-1px
    &:before
      width: 300%
      transform: scale(.333) translateZ(0)
  .border-right-1px
    &:after
      height: 300%
      transform: scale(.333) translateZ(0)
  .border-bottom-1px
    &:after
      width: 300%
      transform: scale(.333) translateZ(0)
  .border-left-1px
    &:before
      height: 300%
      transform: scale(.333) translateZ(0)

